<template>
  <el-dialog :title="title" :visible.sync="dialogVisible" width="60%" append-to-body :close-on-click-modal="false">
    <div class="table-container">
      <el-table
        :data="dataSource"
        style="width: 100%"
        ref="table"
        v-loading="loading"
        :max-height="tableHeight"
      >
        <el-table-column
          prop="date"
          align="center"
          label="预警类型"
          show-overflow-tooltip
        />
        <el-table-column
          prop="date"
          align="center"
          label="预警开始时间"
        />
        <el-table-column
          prop="date"
          align="center"
          label="预警结束时间"
        />
        <el-table-column
          prop="date"
          align="center"
          label="预警持续时间(分钟)"
        />
        <el-table-column
          prop="date"
          align="center"
          label="状态"
        />
      </el-table>
      <pagination
        v-show="total>0"
        :total="total"
        :page.sync="queryParams.pageNum"
        :limit.sync="queryParams.pageSize"
        @pagination="handleQuery"
      />
    </div>
  </el-dialog>
</template>

<script>
import { Mixin } from '@/utils/mixin/Mixin'

export default {
  name: 'MapListModel',
  mixins: [Mixin],
  components: {},
  data() {
    return {
      dialogVisible: false,
      title: '企业名字'
    }
  },
  methods: {
    showModel() {
      this.dialogVisible = true
      this.handleQuery()
    },
    handleClose(done) {
      this.$confirm('确认关闭？')
        .then(res => {
          done()
        })
        .catch(err => {
        })
    }
  }
}
</script>

<style lang="scss" scoped>
::v-deep .el-dialog__body {
  background: #CBDFFD;
}

.warp {
  padding: 20px;
}
</style>
